<template>
  <div id="login-container">
    <div id="title">[{title}]</div>
    <div id="content">
      <div>
        <input type="text" placeholder="请输入用户名" v-text="userName">
      </div>
      <div>
        <input type="password" placeholder="请输入密码" v-text="userPwd">
      </div>
      <div>
        <input type="button" value="登录">
      </div>
    </div>
  </div>
</template>
<script>
export default {
  name: "Login",
  components: {},
  methods: {},
  data: function() {
    return {
      title: "我是login标题",
      userName:'',
      userPwd:'',
    };
  }
};
</script>
<style>
#login-container {
  display: flex;
  flex-direction: column;
}
#content {
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
}
</style>


